<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>学术海报示例3</title>
</head>
<body style="margin:0; padding:20px; width:210mm; height:297mm; background:#fcfcfc; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; display:grid; grid-template-rows:auto 1fr; gap:30px;">

<!-- 标题区 -->
<div class="hero" style="text-align:center; border-bottom:2px dashed #34495e; padding-bottom:15px;">
    <text style="display:block; font-size:34px; font-weight:800; color:#2c3e50; margin:10px 0;">智能医疗影像分析</text>
    <text style="display:block; font-size:18px; color:#7f8c8d;">作者：赵六 · 钱七 · 孙八</text>
    <text style="display:block; font-size:14px; color:#95a5a6;">单位：YY医院信息工程部</text>
</div>

<!-- 主体内容 -->
<div class="main-body" style="display:grid; grid-template-rows:1fr auto; grid-template-columns:1fr 1fr; gap:25px; height:calc(297mm - 140px);">

    <!-- 第一行：引言 & 方法 -->
    <div class="introduction" style="background:#f0f4f7; padding:18px; border-left:5px solid #2980b9;">
        <text style="display:block; font-size:20px; font-weight:600; margin-bottom:8px;">研究背景</text>
        <text style="display:block; font-size:14px; line-height:1.5;">随着医学影像数据量激增，自动化分析技术能有效辅助医生决策。</text>
    </div>

    <div class="method" style="background:#fff9e6; padding:18px; border-top:5px solid #f39c12;">
        <text style="display:block; font-size:20px; font-weight:600; margin-bottom:8px;">技术路线</text>
        <text style="display:block; font-size:14px; line-height:1.5;">采用卷积神经网络融合注意力机制，实现病灶检测与分割。</text>
        <div style="margin-top:12px;">
            <image style="width:100%; height:180px; border:1px solid #ddd;"></image>
        </div>
    </div>

    <!-- 第二行：实验 & 结果 -->
    <div class="experiment" style="background:#fdf0f5; padding:18px; border-right:5px solid #c0392b;">
        <text style="display:block; font-size:20px; font-weight:600; margin-bottom:8px;">实验设计</text>
        <text style="display:block; font-size:14px; line-height:1.5;">图像数据集：MRI 500例；划分：训练350, 验证75, 测试75。</text>
        <div style="display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; margin-top:12px;">
            <image style="width:100%; height:120px; border:1px solid #ccc;"></image>
            <image style="width:100%; height:120px; border:1px solid #ccc;"></image>
            <image style="width:100%; height:120px; border:1px solid #ccc;"></image>
        </div>
    </div>

    <div class="results" style="background:#f1f8e9; padding:18px; border-left:5px solid #27ae60;">
        <text style="display:block; font-size:20px; font-weight:600; margin-bottom:8px;">主要结果</text>
        <text style="display:block; font-size:14px; line-height:1.5;">模型准确率：92.4%，召回率：89.7%，F1得分：91.0%。</text>
        <div style="margin-top:12px;">
            <image style="width:100%; height:160px; border:1px solid #ddd;"></image>
        </div>
    </div>

    <!-- 底部行：讨论 & 结论 -->
    <div class="discussion" style="grid-column:1/2; background:#f7f0fc; padding:18px; border-top:3px solid #8e44ad;">
        <text style="display:block; font-size:20px; font-weight:600; margin-bottom:8px;">讨论</text>
        <text style="display:block; font-size:14px; line-height:1.5;">模型在小样本病灶检测上仍有提升空间，可结合领域知识进一步优化。</text>
    </div>

    <div class="result" style="grid-column:2/3; background:#e8f6f3; padding:18px; border-top:3px solid #16a085;">
        <text style="display:block; font-size:20px; font-weight:600; margin-bottom:8px;">结论</text>
        <text style="display:block; font-size:14px; line-height:1.5;">提出的网络结构显著提高了影像分割性能，具备临床应用潜力。</text>
    </div>

</div>
</body>
</html>
